<template>
  <div>
    <div>这是测试 ref 获取子组件的使用方法，我是 son 子组件</div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

// 1、子组件准备变量或者方法
const hhh = ref('哈哈哈')
const sonLog = () => {
  console.log('这是子组件里的一个输出方法')
}
// 2、子组件暴露方法（专业叫法：全局宏方法）
defineExpose({
  // 如果不想叫原来的变量名字也可以更改
  lalala: hhh,
  sonLog
})
</script>

<style scoped>
div {
  color: cadetblue;
  font-weight: 700;
}
</style>